<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/index.css">
	<!-- <link rel="stylesheet" href="./css/htmleaf-demo.css">
	<link rel="stylesheet" href="./css/normalize.css"> -->
</head>
<body>
		<!-- 头部 -->
		<header>
			<div class="header border-b">
				<ul class="headerleft">
					<li><a href=""><img src="./img/qctt_logo.png" alt=""></a></li>
					<li><a class="color" href="">资讯</a></li>
					<li><a href="">视频</a></li>
				</ul>
				<ul class="headerRight floatr">
					<li>
						<form action=" ">
							<input class="search" type="text" name="search">
							<input class="searchbtn" type="submit" value=" " >
						</form>
					</li>
					<li><a href="">客户端</a><img src="./img/huaguo.png" alt=""></li>
					<li><a href="">投稿</a></li>
					<li><a href="">登录</a></li>
					<li><a href="">注册</a></li>
				</ul>
			</div>
			<ul class="nav border-b">
				<li class="floatl"><a class="color" href="">首页</a></li>
				<li class="floatl"><a href="">新车</a></li>
				<li class="floatl"><a href="">行业</a></li>
				<li class="floatl"><a href="">导购</a></li>
				<li class="floatl"><a href="">用车</a></li>
				<li class="floatl"><a href="">头条客</a></li>
				<li class="floatl"><a href="">选题会</a></li>
			</ul>
		</header>

		<img class="hddb" src="./img/回到顶部.png" alt="">
		<a class="fhjz" href="">返回旧站</a>
		<!-- 主干 -->
		<div class="main">
			<div class="mainleft floatl">
				<div class="banner">
				        <ul>
				        </ul>
				        <ol>
				        </ol>
				</div>
				<div class="tjyd border-b">
					<p>推荐阅读</p>
				</div>
				<div class="article border-b clearfix">
					<div class="part1 floatl">
						<img src="./img/148033363061.jpg" alt="">
					</div>
					<div class="part2 floatl">
						<a href="">头条·对话|段晓明：这次工业革命，英国要
						做世界创新的源头</a>
					</div>
					<div class="part3 floatl">
						<a href="">佳博</a>
						<span class="p-mid">原创</span>
						<span>2016-11-28 19:50:43</span>
					</div>
					<div class="part4 floatl" >
						<a href="">不久前汽车头条APP采访了英国国际贸易部行业专员段晓明博士，他向汽车头条APP描述了当下的英国和当下英国的汽车行业。他表示，在工业4.0时代，英国要做世界创新...
                        </a>
					</div>
				</div>
				<div class="article border-b clearfix">
					<div class="part1 floatl">
						<img src="./img/148032431332.jpg" alt="">
					</div>
					<div class="part2 floatl">
						<a href="">“既8秒破百又超低油耗”，1.0T这么强？</a>
					</div>
					<div class="part3 floatl">
						<a href="">佳博</a>
						<span>2016-11-28 19:50:43</span>
					</div>
					<div class="part4 floatl" >
						<a href=""> 无论1.0T三缸引擎是否正确的方向，但越来越来车厂已经走在这条不归路上。               
                        </a>
					</div>
					<div class="part5 floatl">
						<img src="./img/标签.png" alt="">
						<span class="p_mid">头条客</span>
					</div>
				</div>
				<div class="article border-b clearfix">
					<div class="part1 floatl">
						<img src="./img/148032431332.jpg" alt="">
					</div>
					<div class="part2 floatl">
						<a href="">“既8秒破百又超低油耗”，1.0T这么强？</a>
					</div>
					<div class="part3 floatl">
						<a href="">佳博</a>
						<span>2016-11-28 19:50:43</span>
					</div>
					<div class="part4 floatl" >
						<a href=""> 无论1.0T三缸引擎是否正确的方向，但越来越来车厂已经走在这条不归路上。               
                        </a>
					</div>
				</div>
				<div class="article border-b clearfix">
					<div class="part1 floatl">
						<img src="./img/148033363061.jpg" alt="">
					</div>
					<div class="part2 floatl">
						<a href="">头条·对话|段晓明：这次工业革命，英国要
						做世界创新的源头</a>
					</div>
					<div class="part3 floatl">
						<a href="">佳博</a>
						<span class="p-mid">原创</span>
						<span>2016-11-28 19:50:43</span>
					</div>
					<div class="part4 floatl" >
						<a href="">不久前汽车头条APP采访了英国国际贸易部行业专员段晓明博士，他向汽车头条APP描述了当下的英国和当下英国的汽车行业。他表示，在工业4.0时代，英国要做世界创新...
                        </a>
					</div>
				</div>
				<div class="article border-b clearfix">
					<div class="part1 floatl">
						<img src="./img/148032431332.jpg" alt="">
					</div>
					<div class="part2 floatl">
						<a href="">“既8秒破百又超低油耗”，1.0T这么强？</a>
					</div>
					<div class="part3 floatl">
						<a href="">佳博</a>
						<span>2016-11-28 19:50:43</span>
					</div>
					<div class="part4 floatl" >
						<a href=""> 无论1.0T三缸引擎是否正确的方向，但越来越来车厂已经走在这条不归路上。               
                        </a>
					</div>
					<div class="part5 floatl">
						<img src="./img/标签.png" alt="">
						<span class="p_mid">头条客</span>
					</div>
				</div>
				<div class="article border-b clearfix">
					<div class="part1 floatl">
						<img src="./img/148032431332.jpg" alt="">
					</div>
					<div class="part2 floatl">
						<a href="">“既8秒破百又超低油耗”，1.0T这么强？</a>
					</div>
					<div class="part3 floatl">
						<a href="">佳博</a>
						<span>2016-11-28 19:50:43</span>
					</div>
					<div class="part4 floatl" >
						<a href=""> 无论1.0T三缸引擎是否正确的方向，但越来越来车厂已经走在这条不归路上。               
                        </a>
					</div>
					<div class="part5 floatl">
						<img src="./img/标签.png" alt="">
						<span class="p_mid">头条客</span>
					</div>
				</div>
				<div class="onclick">
					<p>
						点击加载更多
					</p>
				</div>
			</div>
			<div class="mainright floatl">
				<div class="rmzx border-b">
					<p>热门资讯</p>
				</div>
				<div class="fir">
					<a class="disblock" href="">全新设计语言出炉 豪华车将迎沃尔沃时代</a>
					<div class="circle">
						
					</div>
				</div>
				<div class="fir">
					<a class="disblock" href="">二把刀呼吁：强制车辆安装倒车影像</a>
					<div class="circle">
						
					</div>
				</div>
				<div class="fir">
					<a class="disblock" href="">二把刀呼吁：强制车辆安装倒车影像</a>
					<div class="circle">
						
					</div>
				</div>
				<div class="fir">
					<a class="disblock" href="">二把刀呼吁：强制车辆安装倒车影像</a>
					<div class="circle">
						
					</div>
				</div>
				<div class="fir last">
					<a class="disblock" href="">二把刀呼吁：强制车辆安装倒车影像</a>
					<div class="circle">
						
					</div>
				</div>
				<div class="more border-b">
					<span>热门头条客</span>
					<a class="disblock" href="">更多</a>
				</div>
				<div class="think border-b">
					<a href=""><img class="floatl"src="./img/144911491813.jpg" alt=""></a>
					<a  class="amc floatl disblock" href="">爱买车</a>
					<p class="floatl ">最近一周发<span class="colors">40</span>稿</p>
				</div>
				<div class="think border-b">
					<a href=""><img class="floatl"src="./img/147031648055.png" alt=""></a>
					<a  class="amc floatl disblock" href="">汽车控</a>
					<p class="floatl ">最近一周发<span class="colors">44</span>稿</p>
				</div>
				<div class="think border-b">
					<a href=""><img class="floatl"src="./img/request_5593582fc71.jpg" alt=""></a>
					<a  class="amc floatl disblock" href="">汽车大师</a>
					<p class="floatl ">最近一周发<span class="colors">44</span>稿</p>
				</div>
				<div class="think border-b">
					<a href=""><img class="floatl"src="./img/145405869668.jpg" alt=""></a>
					<a  class="amc floatl disblock" href="">侃车e族</a>
					<p class="floatl ">最近一周发<span class="colors">44</span>稿</p>
				</div>
				<div class="think border-b">
					<a href=""><img class="floatl"src="./img/147730398878.png" alt=""></a>
					<a  class="amc floatl disblock" href=""> My车轱辘</a>
					<p class="floatl ">最近一周发<span class="colors">44</span>稿</p>
				</div>
			</div>
		</div>

		<!-- 底部 -->
		<footer class="floatl">
			<hr>
			<ul class="footernav">
				<li class="floatl"><a href="">关于我们</a></li>
				<li class="floatl"><a href="">联系我们</a></li>
				<li class="floatl"><a href="">加入我们</a></li>
				<li class="floatl"><a href="">合作伙伴</a></li>
				<li class="floatl"><a href="">友情链接</a></li>
				<li class="floatl"><a href="">移动应用</a></li>
			</ul>
			<p>Copyright?2016 汽车头条 All Rights Reserved</p>
			<img class="disblock" src="./img/qctt_logo.png" alt="">
		</footer>
</body>
<script src="./js/jquery.js"></script>
<script src="./js/index.js"></script>
</html>